<!--
- Author:  LiShibin.
- Date:    2018/12/6.
- File:    service.
-->
<template>
  <div>
    <div class="Topmenu"><i class="iconfont icon-youjiantou" @click="$utils.back()"><a href=""></a></i>
      <h1>选择服务类型</h1>
      <span></span>
    </div>
    <div class="f-oh mt50p">
      <div class="service_top">
        <div class="service_top_img"><img src="" alt=""></div>
        <div class="service_top_right">
          <p class="service_top_right_1">Vacheron Constantin / 江诗丹顿 PATRIMON Y 传承系列自动上链</p>
          <p class="service_top_right_2">￥143,000.00<span>x1</span></p>
        </div>
      </div>
      <div class="service_main">
        <ul>
          <li @click="gotoRefund" class="mt043r bor_bot"> <i class="iconfont icon-tui service_main_left_i "></i> 退款 <i class="iconfont icon-youjiantou-copy  fr huis"></i></li>
          <!--<li @click="gotoReturn"> <i class="iconfont icon-huan service_main_left_i "></i> 换货<i class="iconfont icon-youjiantou-copy  fr huis"></i></li>-->
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {}
    },
    components: {},
    methods: {
      gotoReturn() {
        this.$router.push({name: 'return-service-return'})
      },
      gotoRefund() {
        this.$router.push({name: 'return-service-refund'})
      }
    }
  }
</script>

<style>

</style>
